@import "../../lib/base.less";
.Usercenter-index{width: 996px;margin: 0 auto;background-color: #f5f5f5;}
.Usercenter-index > .shop-header{background-color: #ffffff;width: 996px;height: 152px;padding: 8px 0 0 0;background-image: url("@{imgRootDeep}/border-02.png");background-repeat: no-repeat;background-position-x: 353px;}
/* 头部左部分 */
.Usercenter-index > .shop-header .shop-left{width: 362px;height: 145px;float: left;background-image: url("@{imgRootDeep}/border.png");background-repeat: repeat-y;}
.Usercenter-index > .shop-header .shop-left img{float: left;margin: 40px 0 0 30px;width: 80px;height: 80px;}
.Usercenter-index > .shop-header .shop-left > div{float: left;margin: 40px 0 0 10px;}
.Usercenter-index > .shop-header .shop-left > div > p{font-size: 16px;}
.Usercenter-index > .shop-header .shop-left > div > div{padding-top: 16px;
    a:hover{color: #e64545;}
}
.Usercenter-index > .shop-header .shop-left > div > div .shop-schedule{width: 100px;height: 12px;display: inline-block;background-color: #eeeeee;border-radius: 6px;overflow: hidden;position: relative;} 
.Usercenter-index > .shop-header .shop-left > div > div .shop-schedule span{width: 100px;height: 12px;display: inline-block;background-color: #ff8400;border-radius: 6px;position: absolute;top: 0;}
.Usercenter-index > .shop-header .shop-left > div > div .shop-grade{color: #ff8400;}
.Usercenter-index > .shop-header .shop-left > div > .shop-safety > a{color: #559dea;margin-left: 10px;}
.Usercenter-index > .shop-header .shop-left > div > div > a{color: #666666;}
/* 头部右部分 */
.Usercenter-index > .shop-header > .shop-right{width: 594px;height: 145px;float: left;background-image: url("@{imgRootDeep}/border-right.png");background-repeat: repeat-y;background-position: right;padding: 0 0 0 40px;}
.Usercenter-index > .shop-header .shop-right > div{float: left;margin: 26px 86px 0 0;}
.Usercenter-index > .shop-header .shop-right > div > .shop-num{font-size: 20px;color: #333333;font-weight: 600;}
.Usercenter-index > .shop-header .shop-right > .shop-balance .shop-num{color: #ff8400;}
.Usercenter-index > .shop-header .shop-right > div > .shop-title{margin-top: 10px}
.Usercenter-index > .shop-header .shop-right > div > .shop-title:hover a{color: #e64545;}
.Usercenter-index > .shop-header .shop-right > div > .shop-link{margin-top: 20px;color: #3c8ee6;}
.Usercenter-index > .shop-header .shop-right > div > .shop-link:hover a{color: #e64545;}
.Usercenter-index > .shop-header .shop-right > div > .shop-link a{color: #3c8ee6;}
/* 主体部分 */
.Usercenter-index > .shop-main{width: 996px;overflow: hidden;
    
    > .shop-left{width: 742px;margin: 20px 0 0 0;float: left;
        >.shop-my-order{width: 742px;         //我的订单
            >.shop-header{width: 742px;height: 45px;background-color: #ffffff;line-height: 45px;text-indent: 20px;
                span{font-size: 16px;}
                a{font-size: 12px;float: right;color: #666666;margin: 0 21px 0 0;cursor:pointer;}
                a:hover{color: #e64545}
            }
            >.shop-nav{width: 659px;height: 92px;background-color: #ffffff;margin: 1px 0 0 0;padding: 30px 0 0 83px;
                >li{float: left;margin: 0 92px 0 0;cursor: pointer;
                    >a{
                        >div{width: 43px;height: 42px;background-repeat: no-repeat;}
                        >.shop-img1{background-image: url("@{imgRootDeep}/user_ico_dfk_default.png");}
                        >.shop-img2{background-image: url("@{imgRootDeep}/user_ico_dfh_default.png");}
                        >.shop-img3{background-image: url("@{imgRootDeep}/user_ico_dsh_default.png");}
                        >.shop-img4{background-image: url("@{imgRootDeep}/user_ico_dpj_default.png");}
                        >.shop-img5{background-image: url("@{imgRootDeep}/user_ico_sh_sel.png");}
                       
                        p{text-align: center;
                            a{color: #000000;}
                            
    
                        }
                    }

                }
                
                >li:hover{
                    .shop-img1{background-image: url("@{imgRootDeep}/user_ico_dfk_sel.selected.png");}
                    .shop-img2{background-image: url("@{imgRootDeep}/user_ico_dfh_sel.selected.png");}
                    .shop-img3{background-image: url("@{imgRootDeep}/user_ico_dsh_sel.selected.png");}
                    .shop-img4{background-image: url("@{imgRootDeep}/user_ico_dpj_sel.selected.png");}
                    .shop-img5{background-image: url("@{imgRootDeep}/user_ico_sh_sel.selected.png");}
                    a{color: #e64545;}
                } 


                >.shop-clear-margins{margin: 0 0 0 0;}
                >.shop-selected{
                    >.shop-img1{background-image: url("@{imgRootDeep}/user_ico_dfk_sel.selected.png");}
                    >.shop-img2{background-image: url("@{imgRootDeep}/user_ico_dfh_sel.selected.png");}
                    >.shop-img3{background-image: url("@{imgRootDeep}/user_ico_dsh_sel.selected.png");}
                    >.shop-img4{background-image: url("@{imgRootDeep}/user_ico_dpj_sel.selected.png");}
                    >.shop-img5{background-image: url("@{imgRootDeep}/user_ico_sh_sel.selected.png");}
                }
            }
            >.shop-main{margin: 1px 0 0 0;width: 742px;background-color: #ffffff;max-height: 460px;
                &.shop-active{overflow-y: scroll;
                    > .shop-more{display: block;}
                }
                >.shop-item{width: 700px;height: 72px;padding: 20px 0 0 24px;background-color: #ffffff;
                    img{width: 64px;height: 64px;float: left;}
                    >.shop-order-information{float: left;position: relative;
                        >.shop-title{height: 12px;line-height: 12px;width: 377px;text-indent: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 15px 0 0 0;color: #666666;}
                        >.shop-basic-information{color: #333333;height: 12px;line-height: 12px;text-indent: 20px;margin: 14px 0 0 0;
                            // >.shop-time{} 
                            >.shop-btm{margin: 0 0 0 16px;cursor:pointer;position: relative;
                                >.shop-logistics-details{z-index: 5;width: 288px;height: 268px;position: absolute;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);background-color: #ffffff;left: 50%;margin-left: -144px;top: 26px;display: none;
                                    >.shop-angle{background-image: url("@{imgRootDeep}/shop-angle.png");width: 12px;height: 7px;position: absolute;left: 50%;margin-left: -6px;top: -7px;background-repeat: no-repeat;}
                                    >.shop-header{width: 288px;height: 36px;line-height: 36px;border: 1px solid #eeeeee;font-size: 12px;color: #666666;text-indent: 12px}
                                    >.shop-main{width: 288px;text-indent: 0;padding: 14px 0 0 0;
                                        >.shop-item{padding: 0 30px 0 30px;background-image: url("@{imgRootDeep}/point.png");background-repeat: no-repeat;margin: 0 0 14px 0;background-position: 15px 4px;
                                            >p{line-height: 18px;font-size: 12px;}
                                        }
                                        >p{margin-bottom: 14px;
                                            a{color: #a0a0a0;display: inline-block;margin-left: 30px;}
                                        }
                                        
                                        >.shop-item-s{color: #e64545;background-image: url("@{imgRootDeep}/point-r.png");}
                                    }
                                }
                            }
                            >.shop-btn:hover{color: #e64545;}
                            
                        }
                        // >.shop-detail{}
                    }
                    button{float: right;margin: 19px 20px 0 0;width: 78px;height: 24px;border: 1px solid #e1e1e1;color: #666666;cursor:pointer;}
                    button:hover{color: #e64545;border-color: #e64545;}
                }
                >.shop-more{display: none;}
            }
            >.shop-main-turn-on{height: 460px;overflow: auto;}//打开状态
            >.shop-expand{width: 742px;height: 30px;background-color: #ffffff;margin: 1px 0 0 0;text-align: center;line-height: 30px;cursor:pointer;color: #a0a0a0;
                div{display: none;
                    >span{background-image: url("@{imgRootDeep}/shop-Details.2.png");width: 11px;height: 6px;display: inline-block;vertical-align: middle;}
                }
                >.shop-item1{display: block;}
            }
            >.shop-turn-on{
                div{
                    >span{background-image: url("@{imgRootDeep}/shop-Details-top.2.png");width: 11px;height: 6px;display: inline-block;vertical-align: middle;}
                }
                >.shop-item1{display: none;}
                >.shop-item2{display: block;}
            }
            >.shop-expand-turn-on{
                span{background-image: url("@{imgRootDeep}/shop-Details-top.2.png");}
            }
        }
        >.shop-everyone-is-buying{margin: 20px 0 0 0;         //大家都在买
            >.shop-header{width: 742px;height: 45px;background-color: #ffffff;line-height: 45px;text-indent: 20px;
                span{font-size: 16px;}
                a{font-size: 12px;float: right;color: #666666;margin: 0 21px 0 0;cursor:pointer;}
                a:hover{color: #e64545;}
            }
            >.shop-main{width: 702px;margin: 1px 0 0 0;background-color: #ffffff;padding: 20px 20px 0 20px;overflow: hidden;
                >.shop-item{width: 351px;height: 180px;float: left;
                    >.shop-img{width: 148px;height: 148px;overflow: hidden;border: 1px solid #eeeeee;text-align: center;float: left;
                        >img{width: 142px;height: 142px;}
                    }
                    >.shop-right{float: left;width: 201px;
                        >.shop-title{margin-top: -2px;width: 166px;height: 36px;color: #414141;line-height: 18px;padding: 0 0 0 10px;    word-wrap:break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
                            a{color: #333333;}
                            a:hover{color: #e64545;}
                        }
                        >.shop-offer{overflow: hidden;padding: 13px 0 0 10px;
                            >.shop-item{background-image: url("@{imgRootDeep}/goods_detail_act_bg.2.png");width: 74px; height: 26px;float: left;text-align: center;line-height: 26px;color: #e64545;margin: 0 10px 0 0;}
                        }
                        >.shop-price{color: #e64545;text-indent: 10px;font-weight: 600;margin: 22px 0 0 0;line-height: 12px;}
                        >button{width: 78px;height: 24px;border: 1px solid #e1e1e1;color: #707070;font-size: 12px;margin: 19px 0 0 10px;cursor: pointer;}
                        
                    }
                    
                }
            }
        }
        >.shop-you-may-also-like{width: 742px;overflow: hidden;margin: 20px 0 0 0;    //猜你喜欢
            >.shop-header{width: 742px;height: 45px;background-color: #ffffff;line-height: 45px;text-indent: 20px;
                span{font-size: 16px;}
                a{font-size: 12px;float: right;color: #666666;margin: 0 21px 0 0;cursor:pointer;}
                a:hover{color: #e64545;}
            }
            >.shop-main{margin: 1px 0 0 0;background-color: #ffffff;padding: 20px 0 0 20px;overflow: hidden;width: 722px;
                >.shop-item{width: 218px;height: 278px;border: 1px solid #eeeeee;background-color: #ffffff;text-align: center;float: left;margin: 0 20px 20px 0;transition: all 0.2s linear;
                    .shop-img{width: 218px;height: 212px;overflow: hidden;
                        img{width: 132px;height: 159px;margin: 26px 0 0 0;}
                    }
                    .shop-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px 0 10px;color: #333333;}
                    .shop-price{color: #e64545;font-weight: 600;margin: 20px 0 0 0;}
                    
                }
                >.shop-item:hover{transform: translate3d(0px,-5px,5px); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
            }
            >.shop-exclusive-recommendation{width: 742px;height: 29px;line-height: 14px;text-align: center;background-color: #ffffff;padding: 15px 0 0 0;
                a{color: #4996e8;}
            }
        }
    }
    > .shop-right{width: 234px;margin: 20px 0 0 20px ;float: left;
        > .shop-advertising{width: 234px;height: 120px;overflow: hidden;margin: 0 0 20px 0;       // 广告 
            img{width: 234px;height: 120px;overflow: hidden;}
        }
        > .shop-my-focus{width: 234px;height: 150px;               
            >.shop-title{width: 234px;height: 49px;line-height: 49px;background-color: #ffffff;font-size: 16px;text-indent: 20px;}  // 我的关注
            >.shop-main{background-color: #ffffff;width: 234px;height: 100px;font-size: 12px;margin: 1px 0 0 0;
                >div{float: left;width: 117px;height: 100px;
                    >p{height: 12px;font-size: 12px;line-height: 12px;text-indent: 30px;
                        a{color: #333333;}
                        a:hover{color: #e64545;}
                    }
                    >.shop-num{height: 14px;line-height: 14px;font-size: 14px;margin: 29px 0 17px 0;}
                }
            }
        }
        >.shop-browse-record{width: 234px;height: 165px;margin: 20px 0 0 0;      //浏览记录
            >.shop-title{width: 234px;height: 49px;line-height: 49px;background-color: #ffffff;font-size: 16px;text-indent: 20px;
                a{float: right;font-size: 12px;margin: 0 18px 0 0;color: #707070;cursor:pointer;}
                a:hover{color: #e64545;}
            }
            >.shop-main{width: 234px;height: 115px;margin: 1px 0 0 0;background-color: #ffffff;overflow: hidden;
                >.items{
                    >.item{
                        div{padding: 16px 0 0 17px;
                            img{margin: 0 10px 0 0;width: 60px;height: 60px;}
                            a{display: inline-block;width: 66px;height: 70px;}
                        }
                        
                    }
                    
                }
                >.shop-control{
                    >.shop-control-left{cursor:pointer;width: 20px;height: 40px;text-align: center;line-height: 40px;position: absolute;top: 37px;left: 0;background-image: url("@{imgRootDeep}/Translucent.template.png")}
                    >.shop-control-right{cursor:pointer;width: 20px;height: 40px;text-align: center;line-height: 40px;position: absolute;top: 37px;right: 0;background-image: url("@{imgRootDeep}/Translucent.template.png")}
                    >.shop-control-num{padding: 0 0 0 10px;width: 64px;height: 8px;position: absolute;bottom: 15px;left: 50%;margin-left: -32px;
                        >span{display: inline-block;width: 6px;height: 6px;border: 1px solid #BBBBBB;border-radius: 50%;margin: 0 10px 0 0;vertical-align: top;cursor:pointer;} 
                        >.shop-selected{background-color: #bbbbbb;}
                    }
                }
            }
        }
        >.shop-regular-list{   width: 234px;height: 165px;margin: 20px 0 0 0;      //浏览记录
            >.shop-title{width: 234px;height: 49px;line-height: 49px;background-color: #ffffff;font-size: 16px;text-indent: 20px;
                a{float: right;font-size: 12px;margin: 0 18px 0 0;color: #707070;cursor:pointer;}
                a:hover{color: #e64545;}
            }
            >.shop-main{width: 234px;height: 115px;margin: 1px 0 0 0;background-color: #ffffff;overflow: hidden;
                >.items{
                    >.item{
                        div{padding: 16px 0 0 17px;
                            img{margin: 0 10px 0 0;width: 60px;height: 60px;}
                            a{display: inline-block;width: 66px;height: 70px;}
                        }
                        
                    }
                    
                }
                >.shop-control{
                    >.shop-control-left{cursor:pointer;width: 20px;height: 40px;text-align: center;line-height: 40px;position: absolute;top: 37px;left: 0;background-image: url("@{imgRootDeep}/Translucent.template.png")}
                    >.shop-control-right{cursor:pointer;width: 20px;height: 40px;text-align: center;line-height: 40px;position: absolute;top: 37px;right: 0;background-image: url("@{imgRootDeep}/Translucent.template.png")}
                    >.shop-control-num{padding: 0 0 0 10px;width: 64px;height: 8px;position: absolute;bottom: 15px;left: 50%;margin-left: -32px;
                        >span{display: inline-block;width: 6px;height: 6px;border: 1px solid #BBBBBB;border-radius: 50%;margin: 0 10px 0 0;vertical-align: top;cursor:pointer;} 
                        >.shop-selected{background-color: #bbbbbb;}
                    }
                }
            }  
        }
        > .shop-regular-list{width: 234px;height: 165px;margin: 20px 0 0 0;   //常规清单        
            >.shop-title{width: 234px;height: 49px;line-height: 49px;background-color: #ffffff;font-size: 16px;text-indent: 20px;
                a{float: right;font-size: 12px;margin: 0 18px 0 0;color: #707070;cursor:pointer;}
            }
            >.shop-main{width: 234px;height: 115px;margin: 1px 0 0 0;background-color: #ffffff;}
        }
    }
    a:hover{color: #e64545;}
}

